<!--
 * @Author: chenzechao
 * @Date: 2024-01-26 09:08:46
 * @LastEditors: chenzechao
 * @LastEditTime: 2024-01-26 14:32:09
 * @FilePath: \accesscontrolui\src\views\kqgl\kqtj\index.vue
 * @Description:
-->
<template>
<section class="kgtj">
<el-tabs v-model="activeName">
    <el-tab-pane label="固定班制/排班制" name="first">
        <fixed-schedu v-if="activeName=='first'" listType="fixed"/>
    </el-tab-pane>
    <el-tab-pane label="自由班制（月）" name="second">
      <freeClassMonth v-if="activeName=='second'"></freeClassMonth>
<!--        <fixed-schedu />-->
    </el-tab-pane>
    <el-tab-pane label="自由班制（周）" name="third">
      <freeClassWeek v-if="activeName=='third'"></freeClassWeek>
<!--        <fixed-schedu />-->
    </el-tab-pane>
  </el-tabs>
</section>
</template>
<script>
import FixedSchedu from './components/fixed-schedu.vue'
import freeClassMonth from './components/freeClassMonth.vue'
import freeClassWeek from './components/freeClassWeek.vue'
export default {
  name: "kqtj",
  components: {
    FixedSchedu,
    freeClassMonth,
    freeClassWeek,
  },
  data() {
    return {
        activeName:'first'
    };
  },
};
</script>
<style scoped lang="scss">
::v-deep.kgtj{
    .el-tabs{
        .el-tabs__header{
            background-color: #fff;
            padding: 5px 0px 0px 19px;
            margin-bottom: 0px;
        }
    }
}
</style>
